<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>服务提醒</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" type="text/css" href="plugins/aui-20170109-v2/css/aui.css">
    <link href="css/service-reminding.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<!--头部开始-->
<header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left aui-btn">
        <span class="aui-iconfont aui-icon-left"></span>朋友
    </a>
    <div class="aui-title">服务提醒</div>
    <p class="aui-bar-nav-right">设置</p>
</header>
<!--头部结束-->
<!--开始页面主体部分-->
<section class="aui-refresh-content">
    <div class="aui-content">
        <div id="demo">
            <!--开始我的健康-->
            <div class="aui-card-list">
                <div class="aui-card-list-header">
                    <img src="img/serviceReminding-img/fwtx_03.jpg">
                    <span>我的健康</span>
                    <span>08:24</span>
                </div>
                <div class="aui-card-list-content-padded">
                    <p>空气污染送健康果咯</p>
                </div>
                <div class="aui-card-list-footer">
                    <p>长沙今日AQI超过120</p>
                </div>
            </div>
            <!--结束我的健康-->
            <!--开始蚂蚁森林-->
            <div class="aui-card-list">
                <div class="aui-card-list-header">
                    <img src="img/serviceReminding-img/fwtx_07.jpg">
                    <span>蚂蚁森林</span>
                    <span>07:26</span>
                </div>
                <div class="aui-card-list-content-padded">
                    <p>又有好友收了你的绿色能量</p>
                </div>
                <div class="aui-card-list-footer">
                    <p>绕大大在07：26收取</p>
                </div>
            </div>
            <!--结束蚂蚁森林-->
            <div class="old-news">以下为旧消息</div>
            <!--开始我的快递-->
            <div class="aui-card-list box">
                <div class="aui-card-list-header">
                    <img src="img/serviceReminding-img/fwtx_11.jpg">
                    <span>我的快递</span>
                    <span>04-10 16：03</span>
                </div>
                <div class="aui-card-list-content-padded">
                    <p>已取件</p>
                </div>
                <div class="aui-card-list-footer">
                   <div class="text">
                       <div>百合御都 百合御都1栋2单元入口西侧A栋136号</div>
                       <div>圆通快递：889076337075418811</div>
                   </div>
                    <div class="box-img">
                        <img src="img/serviceReminding-img/fwtx_15.jpg">
                    </div>
                </div>
            </div>
            <!--结束我的快递-->
            <!--开始蚂蚁庄园-->
            <div class="aui-card-list">
                <div class="aui-card-list-header">
                    <img src="img/serviceReminding-img/fwtx_19.jpg">
                    <span>蚂蚁庄园</span>
                    <span>04-10 15：03</span>
                </div>
                <div class="aui-card-list-content-padded">
                    <p>我出去探险了</p>
                </div>
                <div class="aui-card-list-footer">
                    <p>小鸡在15：03离开</p>
                </div>
            </div>
            <!--结束蚂蚁庄园-->
        </div>
    </div>
</section>
<!--结束页面主体部分-->
<!--尾部开始-->
<footer>
    <div id="show">
        <hr>
        <span>我是有底线的</span>
        <hr>
    </div>
</footer>
<!--尾部结束-->
<script src="plugins/aui-20170109-v2/script/aui-pull-refresh.js"></script>
<script src="js/service-reminding.js"></script>
</body>
</html>